import React from 'react';
import style from './style.styl';
import cx from 'classnames';
class StepItem extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = 'StepItem';
    }
    render() {
      const {
        isShow,
        children,
        tabRouter,
        className,
      } = this.props;
      if(!isShow) return null;
      return (
        <div className={cx({
          [style['box']]: true,
          [className]: className,
        })}>
          {
            React.Children.map(this.props.children, (child, i) => {
              return React.cloneElement(child,{
                tabRouter: tabRouter
              });
            })
          }
        </div>
      );
    }
}

export default StepItem;
